<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>管理后台</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<!--
    <div class="<div class="container-fluid">
        <div class="row" style="height: 100%;">
            <div class="col-md-2" style="background-color:#ddd;">
                <ul class="nav nav-tabs nav-stacked">
                    <li><a href="#">用户管理</a></li>
                    <li><a href="#">员工管理</a></li>
                    <li><a href="#">网站设置</a></li>
                </ul>
            </div>
            <div class="col-md-10" style="background-color:#ddd;">
                    主窗口
            </div>

        </div>

    </div> -->
    <style type="text/css">
        body {
            padding: 20px;
            height: 100%;
        }

        .headLeft {
            float: left;
        }

        .headRight {
            padding-top: 40px;
            padding-left: 340px;
        }

        .search {
            margin-bottom: 10px;
        }

        .listitem{
            font-size: large;
        }
        html{
            height: 100%;
        }


    </style>
    <!--必须使用较新版本的BootStrap才有如下效果-->

    <body>
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <nav class="navbar navbar-fixed-top" role="navigation">
                        <div class="container">
                            <div class="navbar-header">
                                <a class="navbar-brand " href="#">后台管理系统</a>
                            </div>
                            <div id="navbar" class="navbar-right">
                                <a class="navbar-brand" href="#">当前用户：管理员1</a>
                            </div>
                        </div>
                    </nav>
                </div>
            </div>
            <div class="row" style="padding-top: 45px;height: 900px;">
                <div class="col-md-3" style="height: 100%;">
                    <div class="list-group" style="height: 100%; border: 1px solid #ddd;" >
                        <!--激活，作为标题-->
                        <a href="/app/admin/" class="list-group-item">
                            >系统菜单
                        </a>
                        <a href="#" class="list-group-item  active">>用户管理</a>
                        <a href="/app/admin/employer" class="list-group-item ">>员工管理</a>
                        <a href="/app/admin/adminout/" class="list-group-item">>日志查询</a>
                        <a href="/app/admin/adminout" class="list-group-item">>退出系统</a>
                    </div>
                </div>
                <div class="col-md-9">
                    <div>
                        <ol class="breadcrumb">
                            <li><span class="glyphicon glyphicon-home"></span>&nbsp;
                                <a href="#">用户管理页</a>
                            </li>
                            <li class="active"></li>
                        </ol>
                    </div>
                    <div align="center" >
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>用户账号</th>
                                    <th>用户密码</th>
                                    <th>手机号码</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for item in list %}
                                <tr>
                                    <td>{{item.user.username}}</td>
                                    <td>{{item.user.password}}</td>
                                    <td>{{item.phone}}</td>
                                    <td> <a href="/app/admin/delete?username={{ item.user.username }}">删除</a>  </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                    </table>

                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div align="fa-pull-right" style="padding-bottom: 10px">
                        Copyright © group1 2020/7/7
                    </div>
                </div>
            </div>
        </div>
    </body>
    <script>
        function btnclick(e) {

        }
    </script>
</html>